/*头顶的注册订单信息部分*/
header{
    background-color: #e3e4e5;
    height: 30px;
    width: 100%;
    align-items: center;
}
header,header>section>ul{
    display: flex;
    justify-content: space-around;
}
header>section>ul>li{
    list-style: none;
    margin-left: 10px;
}
header>div,header>section>ul>li{
    font-size: 6px;
    color: #999999;
}
header>section>ul>li>a{
    text-decoration: none;
}
header>section>ul>li>div{
    position: absolute;
    width: 95px;
    height: 90px;
    margin-top: 10px;
}
/*下面的搜索框部分*/
/*把所有的a标签去掉横线*/
a{
    text-decoration: none;
}
.aside{
    display: flex;
    background-color:#ffffff;
    height: 170px;
    justify-content: center;
    align-items: center;
}
.aside>div{
    width: 240px;
}
.aside>section{
    margin:0px 15px;
}
.aside>section>form>input{
    width:580px;
    height: 35px;
    border: 2px solid red;
    background-image: url("../../image/jd/search.png");
    background-position: right;
    background-repeat: no-repeat;
}
.aside>section>div>a{
    color: #999999;
    font-size: 12px;
    margin: 10px;
}
.aside>section>footer{
    margin-top: 30px;
    font-size: 18px;
}
.aside>section>footer>a{
    color: #333333;
}
.aside strong{
    color: red;
}
/*主题导航部分*/
.article{
    display: flex;
    justify-content: center;
}
.article>nav,.article>aside,.article>img{
    width: 185px;
    height: 470px;
}
.article>aside>img{
    width: 185px;
    height: 146px;
}
.article>aside>img:nth-child(2n){
    margin:16px 0px;
}
.article>aside{
    margin: 0px 15px;
}
.article>div{
    margin-left:15px;
}
.article>div>img{
    width: 590px;
    height: 470px;
}
/*这里开始写商品导航的内容*/
/*把背景颜色弄好*/
body{
    background-color: #f4f4f4;
}
.article>nav{
    background-color: #fefefe;
}
.article>nav>ul>li>a{
    color: #222222;
}
.article>nav>ul>li{
    margin-top: 6px;
    margin-left: 15px;
    font-size: 14px;
}
/*鼠标移入时的效果*/
.article>nav>ul>li>a:hover{
    color:orangered;
    transition: color .3s;
}
/*定位隐藏显示*/
.article>nav{
    position: relative;
}
.article>nav>ul>li>div{
    position: absolute;
    left: 185px;
    background-color: #e3e4e5;
    top: 0px;
    width: 1005px;height: 470px;
    display: none;
}
.article>nav>ul>li:hover>div{
    display: flex;
}
.nav>li>div>article{
    width: 805px;
}
.nav>li>div>aside{
    width: 185px;
}
.nav>li:hover{
    background-color: #d9d9d9;
}
.nav>li>div>aside>a>img{
    width: 185px;
    height: 147px;
}
/*把整体的a标签设置大小和颜色*/
.nav>li>div a{
    font-size: 13px;
    color: #222222;
    margin: 10px;
}
.nav>li h3>a{
    background-color: black;
    color: #ffffff;
}
.nav>li>div>article>h4>a{
    width: 90px;
    display: block;
}
.nav>li>div>article>h4{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.nav>li>div>article>h3{
    margin:15px 0px;
    font-size: 20px;
}
.nav>li>div>article>h3>a{
    padding: 5px;
}